.font-40 {
  font-size: 40rpx;
}

.font-36 {
  font-size: 36rpx;
}

.font-34 {
  font-size: 34rpx;
}

.font-32 {
  font-size: 32rpx;
}

.font-30 {
  font-size: 30rpx;
}

.font-28 {
  font-size: 28rpx;
}

.font-26 {
  font-size: 26rpx;
}

.font-24 {
  font-size: 24rpx;
}
.font-22 {
  font-size: 22rpx;
}
.font-bold {
  font-weight: bold;
}
.font-500 {
  font-weight: 500;
}
.font-300 {
  font-weight: 300;
}

.zhu-color {
  color: #333333;
}

.ciyao-color {
  color: #BD0945;
}

.next-color {
  color: #666666;
}

.ruo-color {
  color: #999999;
} 

.bg-white {
  background-color: #ffffff;
}

.bg-gray {
  background-color: #f8f8f8;
}

.text-center {
  text-align: center;
}

.flex {
  display: flex;
}

.wrap {
  flex-wrap: wrap;
}

.flex-column {
  flex-direction: column;
}
.justify-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-between {
  display: flex;
  justify-content: space-between;
}
.justify-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.align-center {
  display: flex;
  align-items: center;
}
.flex-1 {
  flex: 1;
}

.overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overflow-2line {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.height-100 {
  height: 100%;
}

.font-arial {
  font-family: Arial;
}

.mb10 {
  margin-bottom: 10rpx;
}
.mb20 {
  margin-bottom: 20rpx;
}
.mb30 {
  margin-bottom: 30rpx;
}
.mt10 {
  margin-top: 10rpx;
}
.mt20 {
  margin-top: 20rpx;
}
.mt30 {
  margin-top: 30rpx;
}
.ml10 {
  margin-left: 10rpx;
}
.ml20 {
  margin-left: 20rpx;
}
.ml30 {
  margin-left: 30rpx;
}
.mr10 {
  margin-right: 10rpx;
}
.mr20 {
  margin-right: 20rpx;
}
.mr30 {
  margin-right: 30rpx;
}
.p-x-30 {
  padding: 0 30rpx;
}
.p-y-30 {
  padding: 30rpx 0;
}
.p-30 {
  padding: 30rpx;
}
.pb10 {
  padding-bottom: 10rpx;
}
.border-box {
  box-sizing: border-box;
}